/* 明亮主题 - 默认主题 */
.theme-light {
  /* 背景色系 */
  --vp-c-bg: #ffffff;
  --vp-c-bg-soft: #f8f8f8;
  --vp-c-bg-mute: #f2f2f2;
  --vp-c-bg-alt: #f8f8f8;
  
  /* 文本色系 */
  --vp-c-text-1: #2c3e50;
  --vp-c-text-2: #5a6c7d;
  --vp-c-text-3: #8b95a5;
  --vp-c-text-4: #a8b2bd;
  
  /* 边框色系 */
  --vp-c-border: #e2e8f0;
  --vp-c-divider: #e2e8f0;
  --vp-c-gutter: #f1f5f9;
  
  /* 品牌色系 */
  --vp-c-brand: #3b82f6;
  --vp-c-brand-light: #60a5fa;
  --vp-c-brand-lighter: #93bbfc;
  --vp-c-brand-dark: #2563eb;
  --vp-c-brand-darker: #1d4ed8;
  --vp-c-brand-dimm: rgba(59, 130, 246, 0.1);
  
  /* 链接色系 */
  --vp-c-link: #3b82f6;
  --vp-c-link-hover: #2563eb;
  --vp-c-link-active: #1d4ed8;
  
  /* 代码色系 */
  --vp-c-code: #e11d48;
  --vp-c-code-bg: #f1f5f9;
  --vp-c-code-block-bg: #f8fafc;
  
  /* 提示色系 */
  --vp-c-tip: #10b981;
  --vp-c-tip-bg: #f0fdf4;
  --vp-c-warning: #f59e0b;
  --vp-c-warning-bg: #fffbeb;
  --vp-c-danger: #ef4444;
  --vp-c-danger-bg: #fef2f2;
  
  /* 阴影色系 */
  --vp-c-shadow: rgba(0, 0, 0, 0.1);
  --vp-c-shadow-light: rgba(0, 0, 0, 0.05);
  
  /* 特殊元素 */
  --vp-c-bg-soft-up: #ffffff;
  --vp-c-bg-soft-down: #f8f8f8;
  --vp-c-bg-soft-mute: #f2f2f2;
  
  /* 按钮色系 */
  --vp-button-brand-bg: #3b82f6;
  --vp-button-brand-hover-bg: #2563eb;
  --vp-button-brand-active-bg: #1d4ed8;
  --vp-button-brand-text: #ffffff;
  
  --vp-button-alt-bg: #f2f2f2;
  --vp-button-alt-hover-bg: #e5e7eb;
  --vp-button-alt-active-bg: #d1d5db;
  --vp-button-alt-text: #2c3e50;
  
  --vp-button-sponsor-bg: #f59e0b;
  --vp-button-sponsor-hover-bg: #d97706;
  --vp-button-sponsor-active-bg: #b45309;
  --vp-button-sponsor-text: #ffffff;
  
  /* 自定义主题变量 */
  --theme-primary: #3b82f6;
  --theme-secondary: #64748b;
  --theme-accent: #10b981;
  --theme-success: #10b981;
  --theme-warning: #f59e0b;
  --theme-error: #ef4444;
  --theme-info: #3b82f6;
  
  /* 代码块主题 */
  --code-bg: #f8fafc;
  --code-border: #e2e8f0;
  --code-text: #1e293b;
  --code-keyword: #dc2626;
  --code-string: #16a34a;
  --code-comment: #64748b;
  --code-function: #2563eb;
  --code-variable: #7c3aed;
  
  /* 表格主题 */
  --table-header-bg: #f8fafc;
  --table-border: #e2e8f0;
  --table-hover-bg: #f1f5f9;
  
  /* 卡片主题 */
  --card-bg: #ffffff;
  --card-border: #e2e8f0;
  --card-shadow: rgba(0, 0, 0, 0.1);
  
  /* 输入框主题 */
  --input-bg: #ffffff;
  --input-border: #e2e8f0;
  --input-focus-border: #3b82f6;
  --input-text: #2c3e50;
  --input-placeholder: #94a3b8;
  
  /* 滚动条主题 */
  --scrollbar-bg: #f1f5f9;
  --scrollbar-thumb: #cbd5e1;
  --scrollbar-thumb-hover: #94a3b8;
  
  /* 动画时间 */
  --theme-transition-duration: 0.3s;
}

/* 明亮主题特定样式 */
.theme-light .vp-feature {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border-color: var(--vp-c-border);
}

.theme-light .vp-feature:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.theme-light .vp-doc .vp-hero {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}

.theme-light .vp-button {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.theme-light .vp-button:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}